<template>
  <div>
    <div class="cheater">
      <div class="left_content">
        <div class="title">
          <span>最新资讯</span>
          <router-link to class="more">更多>></router-link>
        </div>
        <p class="content">2018上海供热展观众人数增长5.6%，欧洲展团规模</p>
        <p class="content">CZHE 2019郑州五金展，为您震撼开启！</p>
        <p class="content">2019北京医药展、保健品展、医疗用品展、口腔展、</p>
        <p class="content">“第十六届上海国际广告标识展SIGN CHINA 2018”新</p>
        <p class="content">2018美国多媒体电子行业展9月12日举办 时间 地点</p>
        <p class="content">泰国曼谷国际食品配料展览会参展费用及步骤</p>
        <p class="content">2019年第14届南美洲国际专业加油(气CNG, LNG)站</p>
        <p class="content">“新发地的脊梁”亮相ChinaFVF ,81位果蔬大王带您</p>
        <p class="content">由”爸爸的选择“总冠名的2018中国安徽孕婴童产品</p>
        <p class="content">儿童玩具如何”消费升级“？”乐教体验“了解一下</p>
      </div>
    </div>
    <div class="cheater">
      <div class="left_content">
        <div class="title">
          <span>相关展会</span>
          <router-link to class="more">更多>></router-link>
        </div>
        <ul class="clearflx" style="padding: 20px 14px 0;">
            <li class="correlation">
                <img src="../../assets/consult_details/11.jpg" alt="" style="width:100%;display:block;">
            </li>
            <li class="correlation">
                <img src="../../assets/consult_details/22.jpg" alt="" style="width:100%;display:block;">
            </li>
            <li class="correlation">
                <img src="../../assets/consult_details/33.jpg" alt="" style="width:100%;display:block;">
            </li>
            <li class="correlation">
                <img src="../../assets/consult_details/44.jpg" alt="" style="width:100%;display:block;">
            </li>
        </ul>
      </div>
    </div>
    <div class="cheater">
      <div class="left_content">
        <div class="title">
          <span>相关行业展会</span>
          <router-link to class="more">更多>></router-link>
        </div>
        <p class="content">2018上海供热展观众人数增长5.6%，欧洲展团规模</p>
        <p class="content">CZHE 2019郑州五金展，为您震撼开启！</p>
        <p class="content">2019北京医药展、保健品展、医疗用品展、口腔展、</p>
        <p class="content">“第十六届上海国际广告标识展SIGN CHINA 2018”新</p>
        <p class="content">2018美国多媒体电子行业展9月12日举办 时间 地点</p>
        <p class="content">泰国曼谷国际食品配料展览会参展费用及步骤</p>
        <p class="content">2019年第14届南美洲国际专业加油(气CNG, LNG)站</p>
        <p class="content">“新发地的脊梁”亮相ChinaFVF ,81位果蔬大王带您</p>
        <p class="content">由”爸爸的选择“总冠名的2018中国安徽孕婴童产品</p>
        <p class="content">儿童玩具如何”消费升级“？”乐教体验“了解一下</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.cheater {
  margin-bottom: 30px;
  .left_content {
    text-align: left;
    .title {
      color: #c81622;
      border-bottom: 1px solid #848484;
      border-left: 3px solid #c81622;
      padding-left: 8px;
      line-height: 36px;
      margin-top: 20px;
      margin-bottom: 4px;
      font-weight: 400;
      .more {
        font-size: 13px;
        float: right;
        color: #c81622;
      }
    }
    .correlation{
        width: 126px;
        margin-right: 20px;
        margin-bottom: 20px;
        float: left;
    }
    .correlation:nth-child(2n){
        margin-right: 0;
    }
    .content {
      height: 26px;
      line-height: 26px;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      cursor: pointer;
      color: #848484;
      padding-left: 6px;
    }
    .content:hover {
      text-decoration-line: underline;
      color: #c81622;
    }
  }
}
</style>